import useSettingAction from "@/hooks/useSettingAction";
import { View,Image } from "@tarojs/components"

import React,{ Suspense, useState } from "react"
const JoinLoginDialog = React.lazy(() => import('@/components/joinLoginDialog/joinLoginDialog'));

const Login: React.FC=()=>{
   const { 
      loginBg,phone} =useSettingAction()
      const [loginPopShow, setLoginPopShow] = useState(true)
     const handleLoginPopStatusAction =async (popStatus) => {
       
        setLoginPopShow(popStatus)
       
    
      }
    return(
       <>
        <View className="w-750px h-1624px box-border">
        <Image className="w-full h-full" src={loginBg}></Image>
    </View>
    <Suspense><JoinLoginDialog  phone ={phone}loginPopShow={loginPopShow} handleLoginPopStatus={handleLoginPopStatusAction}></JoinLoginDialog></Suspense>


       </>
    )
  
    
}
export default Login